{% extends 'base.html' %}

{% block head %}
    {{ js_resources|safe }}
    {{ css_resources|safe }}
{% endblock %}

{% block sidebar %}
    <ul class="nav nav-sidebar">
        <li><a href="{{url_for('mpg_view')}}"><strong>小红书服饰行业数据可视化分析</strong><span class="sr-only">(current)</span></a></li>
    </ul>
    <ul class="nav nav-sidebar">
        <li><a href="" style="color: #101010"><strong>小红书粉丝用户画像</strong></a></li>
        <li class="active"><a href="{{url_for('fan_map')}}">粉丝地域分布</a></li>
        <li><a href="{{url_for('fan_active')}}">粉丝活跃时间</a></li>
        <li><a href="{{url_for('fan_focus')}}">粉丝关注焦点</a></li>
        <li><a href="{{url_for('fan_tag')}}">粉丝人群标签</a></li>
    </ul>
    <ul class="nav nav-sidebar">
        <li><a href="#" style="color: #101010"><strong>小红书热门笔记分析</strong><span class="sr-only">(current)</span></a></li>
        <li><a href="{{url_for('hot_note')}}">热门笔记类别排行</a></li>
        <li><a href="{{url_for('shou_cang')}}">服饰类笔记收藏率</a></li>
    </ul>
    <ul class="nav nav-sidebar">
        <li><a href="#" style="color: #101010"><strong>服饰业未来发展趋势</strong><span class="sr-only">(current)</span></a></li>
        <li><a href="{{url_for('industry_age')}}">服饰品类年龄分布</a></li>
    </ul>
{% endblock %}

{% block plot %}
    <div id="fan_active_time" style="text-align: left">
        <h1 class="page-header">粉丝地域分布</h1>
        {{ the_plot_all2|safe }}
        <h5>从粉丝地理分布图看出广东、北京、上海、浙江、江苏、四川以及沿海等地区的粉丝数量较多，特别是广东，上海，北京。西北内陆地区的粉丝数相对较少。</h5>
    </div>
{% endblock %}

{% block table %}
<table  class="table table-striped">
    <tr>
        {% for title in the_titles %}
            <th>{{title}}</th>
        {% endfor %}
    </tr>
    {% for content in the_contents %}
        <tr>
            {% for item in content %}
                <td>{{item}}</td>
            {% endfor %}
        </tr>
    {% endfor %}
</table>

{% endblock %}